<%-- 
    Document   : index
    Created on : Feb 4, 2012, 1:52:57 PM
    Author     : Juan D. Aldana
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%
    HttpSession session_actual=request.getSession(true);
    String usuario=(String) session_actual.getAttribute("id");
    String nombrec=(String) session_actual.getAttribute("nombrec");
    if (usuario == null)response.sendRedirect("index.jsp");
%>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="css/stylen.css" media="all" />
        <link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
        <link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
        <link rel="stylesheet" href="css/style.css" type="text/css" media="all">
        <script type="text/javascript" src="js/jquery-1.4.2.js" ></script>
        <script type="text/javascript" src="js/jquery-1.4.4.min.js" ></script>
        <script type="text/javascript" src="js/cufon-yui.js"></script>
        <script type="text/javascript" src="js/cufon-replace.js"></script>  
        <script type="text/javascript" src="js/Copse_400.font.js"></script>
        <script type="text/javascript" src="js/imagepreloader.js"></script>
        <script type="text/javascript" src="js/funciones.js"></script>
        <script type="text/javascript" src="js/cargarProvincias.js"></script>
        <!--[if lt IE 9]>
        <script type="text/javascript" src="http://info.template-help.com/files/ie6_warning/ie6_script_other.js"></script>
        <script type="text/javascript" src="js/html5.js"></script>
        <![endif]-->
        <title>SIEG</title>
    </head>
    <body>
        <div class="body1">
            <div class="body2">
                <div class="main">
                    <!-- header -->
                    <header>
                        <div id="sq"><div class="circ1"></div><div class="circ2"></div><div class="circ3"></div></div>
                        <div id="sq2"><div class="circ1"></div><div class="circ2"></div><div class="circ3"></div></div>
                        <div id="sq3"><div class="circ1"></div><div class="circ2"></div><div class="circ3"></div></div>        
                        <div class="wrapper">
                            <div class="col_2 pad_left1">
                                <h1>SIEG</h1>
                            </div>
                        </div>				
                        <nav id="menu">
                            <ul>
                                <li class="nav1"><a href="index.jsp">PRINCIPAL</a></li>
                                <li class="nav2"><a href="#">DATOS PERSONALES</a></li>
                                <li class="nav3"><a href="#">HISTORIA ACADEMICA</a></li>
                                <li class="nav4" id="active"><a href="#">INFORMACIÓN LABORAL</a></li>
                                <li class="nav5"><a href="#">CONTACTO</a></li>
                            </ul>
                        </nav>
                    </header>
                </div>
            </div>
        </div>
        <!-- / header -->
        <!-- content -->
        <div class="body5">
            <div class="body6">
                <div class="main">
                    <div class="wrapper">
                        <figure class="left"></figure>
                        <h2>Sistema de Información <span>Egresados UniVersidad De Los Llanos</span>!</h2>					
                    </div>
                </div>
            </div>
        </div>
        <div class="body7">
            <div class="main">
                <section id="content">				
                    <div class="wrapper">
                        <article class="col2">
                            <div class="pad1" id="informacion">
                                <h2>Bienvenido: <%=nombrec%></h2>
                                <h2>Información Laboral</h2>
                                <form id="FormInform" onSubmit="return valida(this);">
                                    <div  class="wrapper">
                                        <strong>Nombre De La Empresa:</strong>
                                        <div class="bg"><input type="text" class="input" id="nom_empr" name="nom_empr" required placeholder="Nombre De La Empresa" /></div>
                                    </div>
                                    <div  class="wrapper">
                                        <strong>Cargo:</strong>
                                        <div class="bg"><input type="text" class="input" id="cargo" name="cargo" required placeholder="Cargo" /></div>
                                    </div>
                                    <div  class="wrapper">
                                        <strong>Años De Experiencia:</strong>
                                        <div class="bg"><input type="number" class="input" id="experiencia" name="experiencia" min="0" max="99999" required placeholder="Años De Experiencia" /></div>
                                    </div>
                                    <div  class="wrapper">
                                        <strong>Numero De Empleados A Cargo:</strong>
                                        <div class="bg"><input type="number" class="input" id="emp_a_cargo" name="emp_a_cargo" min="0" max="999" required placeholder="Numero Empleados A Cargo" /></div>
                                    </div>
                                    <div  class="wrapper">
                                        <strong>Cuantos Son Egresados De La Universidad:</strong>
                                        <div class="bg"><input type="number" class="input" id="emp_uni" name="emp_uni" min="0" max="999" required placeholder="Cuantos Son Egresados De La Universidad" /></div>
                                    </div>
                                    <div  class="textarea_box">
                                        <strong class="grande">¿Que Opinión Tiene De Los Empleados Que Son Egresados De La Universidad De Los Llanos?</strong>
                                        <div class=""><textarea id="opinion" name="opinion"rows="1" cols="1"></textarea></div>						
                                    </div>
                                    <div  class="wrapper">
                                        <strong>Direccion Laboral:</strong>
                                        <div class="bg"><input type="text" class="input" id="dir_lab" name="dir_lab" required placeholder="Direccion Laboral" /></div><br><br>
                                        <select name="departamento1" id="departamento1"  onchange="cargarProvincias(1);" />
                                        </select>&nbsp;
                                        <select name="municipio1" id="municipio1"  />
                                        <option value="null">Selecciona Un municipio</option>
                                        </select>
                                    </div>
                                    <div  class="wrapper">
                                        <strong>Telefono Empresa:</strong>
                                        <div class="bg"><input type="text" class="input" id="tel_em" name="tel_em" required placeholder="Telefono Empresa" /></div>
                                    </div>
                                    <div  class="wrapper">
                                        <strong>Email Laboral:</strong>
                                        <div class="bg"><input type="email" class="input" id="emaillab" name="emaillab" required placeholder="sieg1@laboral.com"/></div>							
                                    </div>
                                    <div  class="wrapper">
                                        <strong>Email Personal:</strong>
                                        <div class="bg"><input type="email" class="input" id="emailper" name="emailper" required placeholder="sieg1@personal.com"/></div>							
                                    </div> 
                                    <input type="submit" id="envio" name="envio" value="Guardar"/>
                                </form>
                                <%if (usuario != null)
                                    out.println("<div  class='wrapper'>"
                                    + "<a href='cerrarsession.jsp'>Cerrar sesión</a>"
                                    + "</div>");
                                %>
                            </div>
                        </article>
                    </div>
                </section>
            </div>
        </div>
        <!-- / content -->
        <!-- footer -->
        <div class="body8">
            <div class="body9">
                <div class="main">
                    <footer>
                        <div class="col_1">
                            <h3>Redes Sociales</h3>
                            <ul class="list3">
                                <li><a href="#">Twitter</a></li>
                                <li><a href="http://www.facebook.com/egresados.unillanos">Facebook</a></li>
                            </ul>
                        </div>
                        <div class="col_2 pad_left1">
                            <h3>Soluciones Rapidas</h3>
                            <div class="wrapper">
                                <ul class="list3 col_1">
                                    <li><a href="#">Consultas</a></li>							
                                    <li><a href="#">Publicidad</a></li>
                                    <li><a href="#">Programa de Gestión</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col_3">
                            <a href="#" id="footer_logo">...</a>
                            <p class="center"><a rel="nofollow" href="http://sieg.unillanos.edu.co/" target="_blank">SIEG</a><br>
                                designed by SerVisoft.com</p>
                        </div>
                    </footer>
                </div>
                <!-- / footer -->
            </div>
        </div>
    </body>
</html>

